[#ftl]
<!DOCTYPE HTML>
<html>
<head>
<title>首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
[@block.css/][@block.js/]

</head>
<body>
	<div class="container">
<!-- header -->
	
	[@block.header/]
<!-- header -->	
		
<!-- banner -->
[#-- 
	<div class="banner">
		<div class="wmuSlider example1 section" id="section-1">
			   <article style="position: absolute; width: 100%; opacity: 0;"> 
				<div class="banner-info">
					<h1>This is a welcometext and some cool words about yourhi-tech company’svalues or assets.</h1>
				</div>
				</article>
				<article style="position: absolute; width: 100%; opacity: 0;"> 
					<div class="banner-info">
						<h1>Yourhi-tech about company’svalues or assets. This is a welcometext and some cool words .</h1>
					</div>
				</article>
				<article style="position: absolute; width: 100%; opacity: 0;"> 
					<div class="banner-info">
						<h1>About yourhi-tech company’svalues or assets. This is a welcometext and some cool words.</h1>
					</div>
				</article>
				<ul class="wmuSliderPagination">
                	<li><a href="#" class="">0</a></li>
                	<li><a href="#" class="">1</a></li>
                	<li><a href="#" class="">2</a></li>
                </ul>
		 </div>		
		
		<!-- script -->
          <script src="js/jquery.wmuSlider.js"></script> 
			<script>
       			$('.example1').wmuSlider();         
   		    </script>
			<!-- script -->	
	</div>
--]
<!-- banner -->	
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
<!-- feature -->
<div class="feature">
	<div class="col-md-8 feature-left">
		<h3>最新资讯</h3>
		<a href="#">
		<h2>Eodem modo typi, qui nunc nobis videntur</h2>
		<p>发布时间</p>
		<p>摘要：Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
		</a>
		<h2>Eodem modo typi, qui nunc nobis videntur</h2>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
		<h2>Eodem modo typi, qui nunc nobis videntur</h2>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
	</div>
	<div class="col-md-4 our-right">
		<h4>在线教学</h4>
		<img src="${base}/static/root/images/img2.jpg" class="img-responsive" alt="" />
		<h5>Lorem ipsum dolor sit amet</h5>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. </p>
		<img src="${base}/static/root/images/img1.jpg" class="img-responsive" alt="" />
		<h5>Lorem ipsum dolor sit amet</h5>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. </p>
		<div class="lear">
			<a href="single.html" class="link">Learn More</a>
		</div>
	</div>
	<div class="clearfix"> </div>
</div>	
<!-- feature -->
<!-- popular -->
<div class="popular">
	<div class="col-md-8 popular-left">
		<div class="twe-top">
			<div class="twe">
				<h3>在线课程</h3>
			</div>
			<div class="twe-le">
			<ul>
				<li><h6><a href="#">Subscribe</a></h6></li>
				<li><a href="#"><i class="rs"></i></a></li>
				<li><h6><a href="#">More Posts</a></h6></li>
			</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="popular-top">
			<div class="pop-im">
				<img src="${base}/static/root/images/img3.jpg" class="img-responsive" alt="" />
			</div>
			<div class="pop-dat">
				<h4>Claritas est etiam processus dynamicus,qui sequitur mutationem</h4>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</p>
				<ul class="links">
					<li><i class="date"> </i><span class="icon_text">July 10, 2015</span></li>
					<li><a href="#"><i class="comt"> </i><span class="icon_text">8 comments</span></a></li>
				</ul>
			</div>
				<div class="clearfix"> </div>
		</div>
		<div class="popular-top">
			<div class="pop-im">
				<img src="${base}/static/root/images/img4.jpg" class="img-responsive" alt="" />
			</div>
			<div class="pop-dat">
				<h4>Claritas est etiam processus dynamicus,qui sequitur mutationem</h4>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</p>
				<ul class="links">
					<li><i class="date"> </i><span class="icon_text">July 10, 2015</span></li>
					<li><a href="#"><i class="comt"> </i><span class="icon_text">8 comments</span></a></li>
				</ul>
			</div>
				<div class="clearfix"> </div>
		</div>
	</div>
	<div class="col-md-4 twets">
		<div class="twe-top">
			<div class="twe">
				<h3>留言板</h3>
			</div>
			<div class="twe-le">
				<h6>Follow <a href="#">@kaiserinteract</a></h6>
			</div>
			<div class="clearfix"> </div>
		</div>
			<div class="twets-top">
			<p>Upgrade to Creative Cloud today and save with this special offer:Sept 21</p>
			<p>We’re pleased to announce our latest App of the Week - The for iPhone! Sept 21</p>
			<p>Your approach to consistency & collaboration: Sept 21  </p>
			<p>Upgrade to Creative Cloud today and save with this special offer:Sept 21</p>
			<p>We’re pleased to announce our latest App of the Week - The  for iPhone! Sept 21</p>
			<p>Your approach to consistency & collaboration: Sept 21  </p>
		</div>
	</div>
	<div class="clearfix"> </div>
</div>	

		<!-- downlod -->
	<div class="downlod">
		<div class="dow-top">
			<div class="dow">
				<h3>本站资源</h3>
			</div>
			<div class="dow-le">
				<h6>Categories: <a href="#"> All </a>, <a href="#"> Marketing </a>, <a href="#"> Finances </a>, <a href="#"> Sales </a> </h6>
			</div>
			<div class="clearfix"> </div>
		</div>
			<ul id="">
								<li>
									<div class="team1">
										<div class="tm-left">
											<img src="${base}/static/root/images/img5.jpg" class="img-responsive" alt="" />
										</div>
										<div class="tm-right">
											<h5>Nam liber tempor cum soluta nobis eleifend option congue</h5>
											<p>Lorem ipsum dolor sit amectetuer adipiscing elit, sed diam... <a href="#">More</a></p>
											<p>Tags: Business, Contacts</p>
											<p>Category: <a href="#">Sales</a></p>
										</div>
										<div class="clearfix"> </div>
									</div>
								</li>
								<li>
									<div class="team1">
										<div class="tm-left">
											<img src="${base}/static/root/images/img6.jpg" class="img-responsive" alt="" />
										</div>
										<div class="tm-right">
											<h5>Nam liber tempor cum soluta nobis eleifend option congue</h5>
											<p>Lorem ipsum dolor sit amectetuer adipiscing elit, sed diam... <a href="#">More</a></p>
											<p>Tags: Business, Contacts</p>
											<p>Category: <a href="#">Sales</a></p>
										</div>
										<div class="clearfix"> </div>
									</div>
								</li>
								<li>
									<div class="team1">
										<div class="tm-left">
											<img src="${base}/static/root/images/img5.jpg" class="img-responsive" alt="" />
										</div>
										<div class="tm-right">
											<h5>Nam liber tempor cum soluta nobis eleifend option congue</h5>
											<p>Lorem ipsum dolor sit amectetuer adipiscing elit, sed diam... <a href="#">More</a></p>
											<p>Tags: Business, Contacts</p>
											<p>Category: <a href="#">Sales</a></p>
										</div>
										<div class="clearfix"> </div>
									</div>
								</li>
								<li>
									<div class="team1">
										<div class="tm-left">
											<img src="${base}/static/root/images/img6.jpg" class="img-responsive" alt="" />
										</div>
										<div class="tm-right">
											<h5>Nam liber tempor cum soluta nobis eleifend option congue</h5>
											<p>Lorem ipsum dolor sit amectetuer adipiscing elit, sed diam... <a href="#">More</a></p>
											<p>Tags: Business, Contacts</p>
											<p>Category: <a href="#">Sales</a></p>
										</div>
										<div class="clearfix"> </div>
									</div>
								</li>
								<li>
									<div class="team1">
										<div class="tm-left">
											<img src="${base}/static/root/images/img5.jpg" class="img-responsive" alt="" />
										</div>
										<div class="tm-right">
											<h5>Nam liber tempor cum soluta nobis eleifend option congue</h5>
											<p>Lorem ipsum dolor sit amectetuer adipiscing elit, sed diam... <a href="#">More</a></p>
											<p>Tags: Business, Contacts</p>
											<p>Category: <a href="#">Sales</a></p>
										</div>
										<div class="clearfix"> </div>
									</div>
								</li>
							 </ul>
						

	</div>
	<!-- downlod -->
</div>
<!-- popular -->	

	<!-- footer -->
		[@block.footer/]
	<!-- footer -->
</html>
</body>